// 封装数据懒加载通用函数
// 入参 代码中变化的部分
// 返回值 要监听的对象
import { ref } from 'vue'
import { useIntersectionObserver } from '@vueuse/core'
const useLazyData = fn => {
  const target = ref(null)
  const { stop } = useIntersectionObserver(target, ([{ isIntersecting }]) => {
    if (isIntersecting) {
      stop()
      fn()
    }
  })
  // 返回值
  return target
}

export { useLazyData }
